import React, { memo } from 'react';
import {renderRoutes} from 'react-router-config'
import { HashRouter } from 'react-router-dom';
import {Provider} from 'react-redux'

import routes from './router';
import store from "./store";

import ZZAppHeader from '@/components/app-header'
import ZZAppFooter from '@/components/app-footer'

const App = memo(() => {
  return (
    <Provider store={store}>
      <HashRouter>
        <ZZAppHeader></ZZAppHeader>
        {renderRoutes(routes)}
        <ZZAppFooter></ZZAppFooter>
      </HashRouter>
    </Provider>
  );
});

export default App;
